<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.span {
				display: block;
				width: 200px;
				height: 100px;
				background: red;
				text-align: center;
				line-height: 100px;
			}
			
			h2 {
				border: 1px solid;
				width: 200px;
				height: 200px;
				position: relative;
				line-height: 200px;
			}
			
			h2 span {
				display: block;
				width: 23px;
				height: 20px;
				border: 1px solid;
				position: absolute;
				right: 10px;
				top: 80px;
				line-height: 20px;
			}
		</style>
	</head>

	<body>
		<h2 style="display: table-cell;">我是h2标签<span >&times;</span></h2>
		<span class="span">
			&times;
		</span>
		<script>
		
    var age='kkk';
	   (function(){
//	              var age='kkk';
//	   	          alert(window.age);
//	   	    var span=document.getElementsByTagName('span')[0];
//	   	    span.onclick=fn;
//	   	   function fn(){
//	   	   	   alert(this);	         //span对象
//	   	   }
	   	
//	   		span.onclick=function(){
//	   			alert(this);
//	   			fn.call(this);
//	   		}
         function A(){
         	   this.age='fff';
//       	   fn.call(this);
         }
	   	   function fn(){
	   	   	   alert(this);
	   	   	   alert(this.age);	         //span对象
	   	   }
//	   	    var a=new fn();
	   	     fn.call(window);
	   	     var c=new A();
	   	     fn.call(c);     
//	   	          alert(window.name);
	   	
	   })();
			//			var a=document.getElementsByTagName('h2')[0];
			//			alert(a.firstChild.nextSibling.innerHTML);
                    //对象冒充
//			function Class1() {
//				this.name = "class1";
//				this.showNam = function() {
//					
//					alert(this.name);
//				}
//			}
//			function Class2() {
//				this.name = "class2";
//			}
//			var c1 = new Class1();
//			var c2 = new Class2();
//			c1.showNam.call(c2);

//      var name='du';
//      function A(){
//      	this.name='li';
//      	this.say=function(){
//      		 alert(this);
//      		 alert(this.name);
//      	}
//      	   
//      }
//      var a=new A();
//    a.say.call(window);
      


		</script>
	</body>

</html>